<template>
  <div>
    <script id="editor" type="text/plain"></script>
  </div>
</template>
<script>
export default {
  name: 'ue',
  data () {
    return {
      editor: null
    }
  },
  props: {
    value: '',
    config: {}
  },
  mounted () {
    const _this = this
    this.editor = window.UE.getEditor('editor', this.config)
    this.editor.addListener('ready', function () {
      _this.editor.setContent(_this.value)
    })
  },
  methods: {
    getUEContent () {
      return this.editor.getContent()
    }
  },
  destroyed () {
    this.editor.destroy()
  }
}
</script>
